@charset 'UTF-8';

@import url("icon/iconfont.css");
body{margin: 0;}
.ov{overflow: hidden;}
.ov-x{overflow-x: hidden;}
.fl{float: left;}
.fr{float: right;}
.none{display: none;}
.block{display: block;}
/*背景颜色-前景颜色*/
.bg-dark{background: #F9FAFC;}
.bg-extra{background: #EFF2F7;}
.bg-light{background: #f0f0f0;}
.bg-gray{background: #D3DCE6;}
.bg-silver{background: #8492A6;}
.bg-black{background: #324057;}
.bg-green{background: green;}
.white{color: white;}
.black{color: #324057;}
.green{color: green;}
.blue{color: blue;}
.red{color: red;}
/*边距、容器*/
.p0{padding: 0 !important;}
.m0{margin: 0 !important;}
.m10{margin: 10px !important;}
.m15{margin: 15px !important;}
.p10{padding: 10px !important;}
.p15{padding: 15px !important;}
.ml{margin-left: 15px;}
.mr{margin-right: 15px;}
.mb{margin-bottom: 15px;}
.mt{margin-top: 15px;}
.pl{padding-left: 15px;}
.pr{padding-right: 15px;}
.pb{padding-bottom: 15px;}
.pt{padding-top: 15px;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.w100{width: 100px;}
.w200{width: 200px;}
.w300{width: 300px;}
.w30{width: 30%;}
.width95{width: 95%;}
.width{width: 100% !important;}
.h200{height: 200px;}
.h300{height: 300px;}
.h500{height: 500px;}
.h600{height: 600px;}
.h700{height: 700px;}
.h800{height: 800px;}
.l30{line-height: 30px;}
.border{border: 1px solid #ccc; border-radius: 4px;}
.bt{border-bottom: 1px dashed #eee;}
/*标题文字*/
.txt{font-size: 14px; color: #aaa;}
/*附加订制样式*/
.el-row{margin: 0 !important;}
.el-table .cell{padding: 0; text-align: center;}
.el-textarea__inner{resize: none;}
.el-input.is-disabled .el-input__inner{color: #20A0FF;}
.el-textarea.is-disabled .el-textarea__inner{color: #444;}
.el-submenu .el-menu-item{min-width: 0; padding: 0;}
.el-dialog__body{padding: 10px 20px;}
.el-form-item__content{line-height: 0;}
/* vue */
[v-cloak] {
  display: none;
}
/* Vue图片上传样式 */
.avatar-uploader .el-upload {
	border: 1px dashed #d9d9d9;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.avatar-uploader .el-upload:hover {
	border-color: #409EFF;
}
.avatar-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
}
.avatar {
	width: 178px;
	height: 178px;
	display: block;
}
/* 定位 */
.pos{position: relative;}
.radis{border-radius: 50%;}





